<template>
<div>
	<div class="bang">
			
	</div>
    <div class="d-header">
    	<router-link to="/user" tag="div" class="s-w">
    	</router-link>
    	<li>{{tit}}</li>
    </div>
    <div class="d-list">
	    <ul>
	    	<li>
		    	<span></span>
		    	<p>全部</p>
	    	</li>
	    	<li>
		    	<span></span>
		    	<p>待付款</p>
	    	</li>	    	
	    	<router-link to="/dais" tag="li">
		    	<span></span>
		    	<p>待收货</p>
	    	</router-link>
	    	<li>
		    	<span></span>
		    	<p>代发货</p>
	    	</li>
	    	<li>
		    	<span></span>
		    	<p>已完成</p>
	    	</li>
	    </ul>	    		    
	</div>
</div>   
</template>

<script>
export default {
    name:'Ding',
    data(){
        return{
            tit:'我 的订单'
        }
    },
    mounted() {
        this.$emit('toparent',this.tit)
    },
}
</script>

<style scoped>
.bang{
background: blanchedalmond;
width:100%;
height: 3.67rem;
}
	
.d-header{
position: relative;
width: 100%;
height: 3.5rem;
line-height: 3.5rem;
background-color: rgba(232, 231, 231, 1);
text-align: center;
font-size: 1.4rem;
font-family: Arial;
display: flex;
justify-content: center;
align-items: center;
}
.d-header li{	
width: 11.92rem;
height: 3.5rem;
color: rgba(100, 100, 100, 1);
font-size: 1.4rem;
line-height: 3.5rem;
}


.s-w{
position: absolute;
left: 1rem;
top: 1rem;
width: 1.25rem;
height: 1.25rem;
background:red;
}

.d-list li{
width:100%;
height: 5.5rem;
line-height: 1.67rem;
text-align: center;
border: 0.08px solid rgba(240, 240, 240, 1);
display: flex;
align-items: center;
}

.d-list li span{
width: 2.92rem;
height: 2.92rem;
border-radius: 0.67rem;
background: red;
margin: 1rem;
}

.d-list p{
color: rgba(16, 16, 16, 1);
font-size: 1.4rem;
font-family: PingFangSC-regular;
}

    
</style>

